/* Fonts ****************************************/

samp {
  font-family:Tahoma, Arial;
  font-weight:bold;
}

.subblock,
.subblock select,
.subblock input,
ul.suggest {
  font:8pt Tahoma, Arial;
}

#texts label {
  font-weight:bold;
}

#current_state {
  font-size:9pt; font-weight:bold;
  text-transform:uppercase;
}

#actions h4,
#actions h4 Small {
  font:9pt Tahoma, Arial;
}

#oldertoggle,
#oldertoggle button {
  font-size:8pt;
}

/* Colors ***************************************/

#Contents H2 {
  border-color:#040;
}

html>body .subblock {
  background:#E3EEE3 url(subblockbg.png) right bottom no-repeat;
}

#subscribers label:hover {
  color:red;
}

#state #current_state {
  border-color:#ACA;
}

#actions small,
#actions a,
#attachments a {
  color:#080;
}

#actions h4,
#actions p.output,
#actions samp,
#oldertoggle {
  border-color:#ACA;
}

#oldertoggle {
  background:#FFE;
}

/* Layout ***************************************/

#Contents {
  min-width:640px;
}

.canvas {
  overflow:hidden; zoom:1;
}

#bug {
  margin:0;
}

#subblocks {
  float:right; width:230px;
  margin:0.5em 0;
}

#texts {
  float:left; width:100%;
  margin-right:-250px;
}

#texts p {
  margin-right:250px;
}

#texts label {
  display:block;
}

#texts input,
#texts textArea {
  Width:99%;
}

#subblocks .subblock {
  margin-bottom:1em;
}

#fields label {
  float:left; width:30%;
}

#subscribers {
  max-height:15em;
  overflow:auto;
}

.tag_widget li {
  position:relative;
}

.tag_widget li img {
  position:absolute; 
  right:0; top:0;
}

* html .tag_widget li img {
  right:10px;
}

.tag_widget li.input img {
  top:4px;
}

.tag_widget li input {
  width:180px;
}

#actions {
  clear:left;
  margin-right:250px;
}

#actions h4 {
  position:relative;
}

#actions h4 small {
  position:absolute; 
  top:0; right:0;
}

* html #actions h4 small {
  right:260px;
}

#actions textarea {
  width:100%;
}

* html #actions textarea {
  width:99%;
}

#actions .comment {
  Overflow:Auto;
}

/* Misc *****************************************/

#texts p {
  margin-top:0.5em; margin-bottom:0.5em;
}

.subblock {
  padding-bottom:5px;
}

.subblock h3 {
  margin:0; padding:0 5px;
}

.subblock p,
.subblock ul,
.subblock .tag_widget ul,
.subblock .tag_widget p {
  margin:5px 10px; padding:0;
}

#fields label,
#fields samp {
  line-height:1.5em;
  vertical-align:middle;
}

#fields samp img {
  vertical-align:middle;
}

#state #current_state {
  padding:5px 0; margin-bottom:10px;
  text-align:center;
  border-style:solid; border-width:0 0 1px 0;
}

#state ul,
#subscribers ul {
  list-style:none;
  padding:0;
}

#state li,
#subscribers li {
  margin:0; padding:0;
  line-height:1.3em;
}

#state li input,
#state li label,
#state select,
#subscribers li input,
#subscribers li label {
  vertical-align:middle;
}

#state select {
  margin-left:0.5em;
}

#SameTaskId input {
  width:4em;
}

#actions {
  padding:1px 0;
}

#actions h3 {
  margin-top:1em; margin-bottom:0.5em;
}

#actions ol,
#actions li {
  margin:0; padding:0;
  list-style-type:none;
}

#actions li {
  margin-bottom:2.5em;
}

#actions h4 {
  padding:2px;
  border-style:solid; border-width:1px 0 0 0;
}

html>body #actions h4 {
  border-style:dotted;
}

#actions p,
#actions h4 {
  margin:0.5em 0;
}

#actions pre {
  Overflow:Auto;
}

#actions h4 {
  padding-left:20px;
  background-position:2px center;
  background-repeat:no-repeat;
}

#actions .Creation h4 {
  background-image:url(creation.gif);
}

#actions .Comment h4 {
  background-image:url(comment.gif);
}

#actions .FieldChange h4 {
  background-image:url(fieldchange.gif);
}

#actions .Attachment h4 {
  background-image:url(attach.gif);
}

#actions p.output {
  padding-left:1em;
  border-style:solid; border-width:0 0 0 1px;
}

html>body #actions p.output {
  border-style:dotted;
}

#attachments p {
  margin-top:5px; margin-bottom:5px;
}

#attachments table {
  margin:5px 5px 10px 5px; padding:0;
}

#attachments td {
  padding:0 2px;
}

#attachments td:first-child {
  padding-left:16px;
  background:url(attachment.gif) left center no-repeat;
}

#attachments td:first-child[class^='text'] {
  background:url(textattachment.gif) left center no-repeat;
}

#attachments td:first-child[class^='image'] {
  background:url(imageattachment.gif) left center no-repeat;
}

#severity img {
  vertical-align:text-bottom;
}

.js .partial .Old {
  display:none;
}

.js .Old {
  display:block;
}

#oldertoggle {
  display:none;
}

.js .partial #oldertoggle {
  display:block;
}

#oldertoggle {
  text-align:right;
  padding:2px 0; margin-bottom:1em;
  border-style:solid; border-width:1px 0 0 0;
}

html>body #oldertoggle {
  border-style:dotted;
}

#oldertoggle button {
  padding:0 5px;
}

.tag_widget p {
  margin:10px 0 0 0;
}